<template>
	<view class="uni-container">
    <uni-table ref="table" :loading="loading" border emptyText="暂无更多数据">
      <!-- 表头 -->
      <uni-tr>
        <uni-th v-for="(item,index) in tableConfig" :width="item.width" :align="item.align" :key="index" class="tableHeader">{{ item.label }}</uni-th>
      </uni-tr>
      <!-- 表体 -->
      <uni-tr v-for="(item, index) in tableData" :key="index">
        <uni-td v-if="item.image"  align="center" v-for="(items, index) in item">
					<view   style="border: 1px solid red;">
						<image :src="items" mode=""></image>
					</view>
				</uni-td>
        <uni-td v-if="tableOperate.length != 0" align="center">
          <button class="tableBut" size="mini" v-for="(itemBut) in tableOperate">{{ itemBut }}</button>
        </uni-td>
      </uni-tr>
      
    </uni-table>
	</view>
</template>


<script>
export default {
	data() {
		return {
		}
	},
  props:{
    tableData:{
      default(){
        return[]
      }
    },
    tableConfig:{
      default(){
        return[]
      }
    },
    loading:{
      default(){
        return[]
      }
    },
    tableOperate:{
      default(){
        return[]
      }
    },
  },
	methods: {
		
	}
}
</script>


<style lang="scss" scoped>
  .tableHeader{
    font-size: 11px;
    padding: 0px;
    background-color: #eee;
    font-weight: 500;
  }
  .tableBut{
    font-size: 11px;
  }
  .uni-table-td{
    padding: 6px 8px;
  }
</style>


